<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String basePath2 = basePath + "static/icdc";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'data_02.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="<%=basePath2%>/css/bootstrap.css" />
<link rel="stylesheet" href="<%=basePath2%>/css/personal.css" />
<link rel="stylesheet" href="<%=basePath2%>/css/together.css" />
<link rel="stylesheet" href="<%=basePath2%>/font/iconfont.css" />
<script type="text/javascript" src="<%=basePath2%>/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="<%=basePath2%>/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=basePath2%>/js/queryAndRender.js"></script>
<script type="text/javascript" src="<%=basePath2%>/js/myExtends.js"></script>
<style>
#middle .middle_left {
	height: 330px;
}

.middle_left>div {
	border-bottom: 1px solid #03ad8b;
}

.click .size {
	font-size: 12px;
	float: right;
	position: relative;
	top: 0px;
}

#nav .middle ul li:nth-child(1) {
	background: #03ad8b;
}

#nav .middle ul li:nth-child(4) {
	background: rgba(256, 256, 256, 0.5);
}

#nav .middle ul li:nth-child(1):hover {
	background: rgba(256, 256, 256, 0.2);
}
</style>
<script type="text/javascript">
	$.config["viewRecord"]=[];
	$(function(){
		$("#view_1").datagrid({
			columnsTrElement : "<tr ></tr>",
			columnsTdElement : "<td></td>",
			dataTrElement : "<tr></tr>",
			dataTdElement : "<td></td>",
			url:"s/sjzjgl/queryByPage",
			rownumber:true,
			dataHeight:390,
			pagination:true,
			lis:[10,20,30,80],
			columns : [ {
				field : "id",
				title : "编号",
				width : "50px"
			}, {
				field : "sjzjmc",
				title : "数据子集名称",
				width : "200px"
			}, {
				field : "sjkyhm",
				title : "数据库用户名",
				width : "100px"
			}],
			handleColumn:[{
				title:"操作列1",
				contents:[{
					title:"查看表信息",
					handler:function(lable,data,thisId){//lable触发的对象，data=行数据,thisId=当前渲染的最大的ID
						$.config["viewRecord"].unshift(thisId);
						openView(2);
						render_YSJGL(data.id);
					}
				}]
			},{
				title:"操作列2",
				contents:[{
					title:"修改",
					handler:function(lable,row,thisId){
					renderUpdateModal(row,"s/sjzjgl/queryForForm","s/sjzjgl/update");
					}
				},{
					title:"删除",
					handler:function(){
						
					}
				}]
			}],
			onDblClickRow:function(data){
			}
		});
		
// 		var data=JSON
// 		{id:1,name:2},{id:1,name:2},{id:1,name:2},{id:1,name:2}
// 		$("#form").myform({
// 			fields:[{
// 				field:"id",
// 				lable:"编号",
// 				lableWidth:100,
// 				inputWidth:100
// 			},{
// 				field:"id",
// 				lable:"编号",
// 				lableWidth:100,
// 				inputWidth:100
// 			}],
// 			data:data
// 		});
		
// 		$("#view_2").datagrid({
// 			columnsTrElement : "<tr ></tr>",
// 			columnsTdElement : "<td></td>",
// 			dataTrElement : "<tr></tr>",
// 			dataTdElement : "<td></td>",
// 			url:"s/bxxgl/queryByPage",
// 			pageBean:{
// 				eachPageRows:10,
// 				currentPageno:2
// 			},
// 			dataHeight:370,
// 			pagination:true,
// 			lis:[10,20,30,80],
// 			columns : [ {
// 				field : "id",
// 				title : "编号",
// 				width : "80px"
// 			}, {
// 				field : "bzs",
// 				title : "表注释"
// 			}, {
// 				field : "bm",
// 				title : "表名",
// 				width : "80px"
// 			} , {
// 				field : "sfszdb",
// 				title : "是否是字典表",
// 				width : "80px",
// 				formatter:function(value){
// 					if(value.sfszdb==1)
// 						return "是";
// 					else
// 						return "否";
// 				}
// 			}],
// 			onDblClickRow:function(data){
// 				alert("这个是被点击的数据"+JSON.stringify(data));
// 				$.ajax({
// 					type:"get",
// 					url:"s/bsjgl/queryByYsj",
// 					data:{table:data.bm},
// 					success:function(result){
// 						alert("这个是这个表里面的数据\n"+JSON.stringify(result));
// 					}
// 				});
// 			}
// 		});
	});
</script>
</head>

<body>
	<jsp:include page="header.jsp"></jsp:include>
	<div id="middle">
		<div class="middle_left">
			<div class="middle_left_one">全部分类</div>
			<div class="middle_left_two click" onclick="openView(1);">
				<a><i class="font">&#xe73d;</i></a><span>数据子集管理</span><a
					class="fong size"><i class="font">&#xe65c;</i> </a>
			</div>
<!-- 			<div class="middle_left_three click" onclick="openView(2,true);"> -->
<!-- 				<a><i class="font">&#xe73d;</i> </a><span>元数据管理</span><a -->
<!-- 					class="fong size"><i class="font">&#xe65c;</i> </a> -->
<!-- 			</div> -->
<!-- 			<div class="middle_left_three click" onclick="openView(3);"> -->
<!-- 				<a><i class="font">&#xe73d;</i> </a><span>数据管理</span><a -->
<!-- 					class="fong size"><i class="font">&#xe65c;</i> </a> -->
<!-- 			</div> -->
			<div class="middle_left_three click" onclick="openView(4);">
				<a><i class="font">&#xe73d;</i> </a><span>代码表管理</span><a
					class="fong size"><i class="font">&#xe65c;</i> </a>
			</div>
			<div class="middle_left_three click" onclick="openView(5);">
				<a><i class="font">&#xe73d;</i> </a><span>数据导入管理</span><a
					class="fong size"><i class="font">&#xe65c;</i> </a>
			</div>
			<div class="middle_left_three click" onclick="openView(6);">
				<a><i class="font">&#xe73d;</i> </a><span>导出表管理</span><a
					class="fong size"><i class="font">&#xe65c;</i> </a>
			</div>
		</div>
		<div id="middle_right" style="border:1px solid red;">
			
<!-- 			<button onclick="tableBack(this);" id="table-back">上一层</button> -->
<!-- 		<div >第一级<span>></span>第二级<span>></span>第三级</div> -->
			<div class="middle_right">
			<input type="button" id="table-back" onclick="tableBack(this);" value="上一步"/>
			<input type="button" class="data-insert" onclick="insertData(1,'s/sjzjgl/doInsert');" value="新增"/>
				<div class="gd2" data-href="sjzjgl/queryByPage" id="view_1" >
				</div>
			</div>
			<div class="middle_right">
			<input type="button" id="table-back" onclick="tableBack(this);" value="上一步"/>
			<input type="button" class="data-insert" onclick="insertData(2,'s/bxxgl/doInsert');" value="新增"/>
				<div class="gd2" data-href="bxxgl/queryByPage" id="view_2" >
				</div>
			</div>
			<div class="middle_right">
			<input type="button" id="table-back" onclick="tableBack(this);" value="上一步"/>
			<input type="button" class="data-insert" onclick="insertData(3,'s/bsjgl/doInsert',this);" id="bsjglInsert" value="新增"/>
				<div class="gd2"  style="border:0px solid red;" id="view_3">
				</div>
			</div>
			<div class="middle_right">
			<input type="button" id="table-back" onclick="tableBack(this);" value="上一步"/>
			<input type="button" class="data-insert" onclick="insertData(4,'s/bjggl/doInsert');"  value="新增"/>
				<div class="gd2"  style="border:0px solid red;" id="view_4">
				</div>
			</div>
<!-- 			<div class="middle_right"> -->
<!-- 				<div class="gd2"  style="border:0px solid red;" id="view_4"> -->
<!-- 					<div class="datagrid-warp"> -->
<!-- 						<table></table> -->
<!-- 					</div> -->
<!-- 					<div class="pagination-warp"> -->
<!-- 					</div> -->
<!-- 				</div> -->
<!-- 			</div> -->
<!-- 		</div> -->
	</div>
	</div>
	<!-- 	<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button> -->
	<!-- 模态框（Modal） -->
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog"  style="height:700px;" 
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width:990px;">
			<div class="modal-content" >
				<div class="modal-header" style="height:10%;">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">修改框</h4>
				</div>
				<div class="modal-body"style="height:70%;overflow:auto;">
					<div id="testForm" ></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" onclick="javascript:doUpdateData();">提交更改</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<script type="text/javascript" src="<%=basePath2%>/js/srcipt.js"></script>
	<jsp:include page="bottom.jsp"></jsp:include>
</body>
</html>
